@charset "utf-8";
/*初始化111*/
html, body { margin: 0; padding: 0; }
.pagebox { position: relative; }
 @import url('https://fonts.font.im/css?family=Oswald');
a { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a:focus { text-decoration: none; }
::placeholder {
font-size:14px !important;
 color:#999 !important;
}
/* page */
  
@media only screen and (min-width: 769px) {
.p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #ededed; background: #ededed; color: #333333; }
.p_page .pre:active { background: #003f97; border-color: #003f97; color: #fff; }
.p_page .pre:hover { color: #fff; background: #003f97; border-color: #003f97; cursor: pointer; }
.p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #ededed; background: #ededed; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; }
.p_page .next:active { background: #003f97; border-color: #003f97; color: #fff; }
.p_page .next:hover { background: #003f97; border-color: #003f97; color: #fff; cursor: pointer; }
.p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #333; border: 1px solid #ededed; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #ededed; text-align: center; border-radius: 0px; }
.p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #003f97; border-color: #003f97; }
.p_page .pageNum:hover { color: #fff; border-color: #003f97; cursor: pointer; text-decoration: none; background-color: #003f97; }
.p_page .pageNum.active { text-decoration: none; background-color: #003f97; color: #fff; border-color: #003f97; }
}
 @media screen and (max-width: 768px) {
.p_pagebox .NumBox { display: none !important; }
.p_pagebox { width: 100%; text-align: center; }
.p_pagebox .js_pageBtnDisable,  .p_pagebox .js_pageBtnDisable:hover,  .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; }
.p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; }
.p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; }
.p_pagebox .pre { width: 48%; margin-right: 2%; background-color: #003f97; transform: scale(0.9); }
.p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #003f97; background-color: #003f97; cursor: pointer; }
.p_pagebox .pre:active { background-color: #003f97; }
.p_pagebox .next { transform: scale(0.9); width: 48%; margin-left: 2%; background-color: #003f97; }
.p_pagebox .next:hover { background-color: #003f97; }
.p_pagebox .next:active { background-color: #003f97; }
}



/* scrollbar css */
::-webkit-scrollbar {
 width: 9px;
 background-color: #fff;
}
::-webkit-scrollbar-thumb {
 border: solid 2px #fff;
 width: 5px;
 border-radius: 4px;
 background-color: #383f4b;
}
::-webkit-scrollbar-corner {
 background-color: #fff;
}
::-webkit-scrollbar:horizontal {
 height: 9px;
}
::-webkit-selection {
 background: #3355a9;
 color: #fff;
}
::-moz-selection {
 background: #3355a9;
 color: #fff;
}
::selection { background: #3355a9; color: #fff; }



/* animation */

@keyframes circleProgressLoad_right {  0% {
 transform: rotate(45deg);
}
 50%,  100% {
 transform: rotate(225deg);
}
}
@keyframes circleProgressLoad_left {  0%,  50% {
 transform: rotate(45deg);
}
 100% {
 transform: rotate(225deg);
}
}
 @-webkit-keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}
 @keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}